<template>
  <article class="page">
    <headerbar>培训情况
    </headerbar>

    <!--培训情况-->
    <section class="block ">
      <div class="pdv-3 list-news-img list-wenda mgh-2">
        <div v-for="(item,index) in list" :key="index" class="item" @click="goDetail(item)">
          <div class="cont  pdh-0">
            <div class="title">培训计划名称：{{item.trainingclass}}</div>
            <div class="">
              <p class="tip">主办单位：{{item.zbdw}} <i class="pdh-2"></i> 培训机构：{{item.pxjg}}</p>
              <p class="tip">培训地点：{{item.pxdd}} <i class="pdh-2"></i> 期数：{{item.numberOfPeriods}} </p>
              <p class="tip">培训时间：{{item.pxsj}}</p>
            </div>
          </div>

        </div>
      </div>
      <noData v-if="list.length === 0"></noData>
    </section>
  </article>
</template>

<script>
  export default {
    name: 'training',
    data () {
      return {
        list: []
      }
    },
    created () {
      this.list = this.$store.state.trainingData
    },
    methods: {
      goDetail (item) {
        this.$store.state.trainingDetail = item
        this.$router.push({name: 'trainingDetail'})
      }
    }
  }
</script>

<style scoped>

</style>
